@use './_variables.scss' as vars;
@use './_mixins.scss' as mix;

// 全局重置样式
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-size: 14px;
  color: vars.$text-color;
  background-color: vars.$background-color;
  -webkit-font-smoothing: antialiased;
}

// 通用样式
.card {
  background: vars.$white;
  border-radius: vars.$border-radius-lg;
  padding: vars.$padding-md;
  margin-bottom: vars.$padding-md;
  box-shadow: 0 2px 12px rgba(100, 101, 102, 0.08);
}

.section-title {
  font-size: 16px;
  font-weight: bold;
  padding: vars.$padding-md;
  @include mix.flex-center;
  
  &::before {
    content: '';
    width: 3px;
    height: 16px;
    background: vars.$primary-color;
    margin-right: vars.$padding-sm;
    border-radius: vars.$border-radius-sm;
  }
}

.tag {
  display: inline-block;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: vars.$border-radius-sm;
  margin-right: 4px;
  
  &.primary {
    color: vars.$primary-color;
    background: rgba(vars.$primary-color, 0.1);
  }
}
